{literal}
<style type="text/css">
    div.ucp_content {
        width: 100%;
    }

    table {
        width: 100%;
    }

    td {
        padding: 5px;
        line-height: 150%;
        padding-top: 10px;
    }

    .ucp_field {
        width: 40%;
        text-align: right;
    }

    input[type='text'] {
        background-image: none;
        background-color: rgba(231, 231, 231, 0.690196);
        border-top-width: 1px;
        border-style: solid none none;
        border-top-color: rgb(198, 197, 197);
        cursor: auto;
        box-shadow: rgb(85, 85, 85) 0 0 3px inset;
        border-top-left-radius: 0.1em;
        border-top-right-radius: 0.1em;
        border-bottom-right-radius: 0.1em;
        border-bottom-left-radius: 0.1em;
        background-position: 0 0;
        background-repeat: repeat;
        height: 18px;
        padding: 8px 10px;
    }

    input#update_info {
        margin-top: -1px;
        margin-right: -20px;
        width: 100px;
        cursor: pointer;
        border: 1px solid #e09016;
        box-shadow: 0 1px 3px #FFF inset;
        border-radius: 3px;
        padding: 10px 12px;
        font-weight: bold;
        color: #FFF;
        text-shadow: 0 1px #bb6c01;
        text-transform: uppercase;
        background: #fdb700; /* Old browsers */
        background: -moz-linear-gradient(top, #fdb700 0%, #e78707 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdb700), color-stop(100%, #e78707)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fdb700 0%, #e78707 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fdb700 0%, #e78707 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fdb700 0%, #e78707 100%); /* IE10+ */
        background: linear-gradient(top, #fdb700 0%, #e78707 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fdb700', endColorstr = '#e78707', GradientType = 0); /* IE6-9 */
    }

</style>
<script type="text/javascript">
    $(document).ready(function () {
        $("#birth_day").datepicker({
            changeMonth:true,
            changeYear:true,
            defaultDate:"-20y",
            dateFormat:"yy-mm-dd"
        });
    });
</script>
{/literal}
<div class="module-my-booked">
    <div class="common-box">
        <h2 class="title">Cập nhật thông tin cá nhân</h2>
    {*<div class="ucp_content">
        <div class="my_items">*}
    {$msg}
    {$msgg}
    {$begin_form}
        <input type="hidden" name="user_id" value="{$user.id}"/>
        <table cellspacing="0" cellpadding="2">
        {*<tr>
            <td valign="top" class="ucp_field">ID tài khoản</td>
            <td valign="top">
                <b>{$user.id}</b>
                        </td>
        </tr>*}
            <tr>
                <th valign="top" class="ucp_field">Email đăng nhập</th>
                <td valign="top">
                {*<a href="member-{$user.id}.html" target="_blank">{$user.email}</a>*}
				{$user.email}
                </td>
            </tr>
        {*        <tr>
                    <td valign="top" class="ucp_field">Nhóm</td>
                    <td valign="top">
                    {foreach from=$groups item=each_group}
                        <label for="gids"><input type="checkbox" value="{$each_group.id}" name="gids[]" {foreach from=$gids item=gid}{if $gid==$each_group.id} checked="checked" {/if}{/foreach}>{$each_group.brief}</label><br>
                    {/foreach}
                    </td>
                </tr>*}
            <tr>
                <th valign="top" class="ucp_field">Họ và tên</th>
                <td valign="top">
                    <input name="full_name" class="text" size="30" type="text" id="full_name" value="{$user.full_name}"/>
                </td>
            </tr>

            <tr>
                <th valign="top" class="ucp_field">Số điện thoại hiển thị</th>
                <td valign="top">
                    <input type="text" class="text" size="30" name="mobile_phone" id="mobile_phone" value="{$user.mobile_phone}" class="inputtext"/>
                </td>
            </tr>
            <tr>
                <th valign="top" class="ucp_field">Avatar</th>
                <td valign="top">
                {if ($user.avatar_url !== '')}
                    <img width="150px" src="{$server_img}/{$user.avatar_url}" alt="[Avatar Image]"><br>{/if}
                    <input type="file" name="avatar" id="avatar"/>
                </td>
            </tr>
            <tr>
                <th valign="top" class="ucp_field">Địa chỉ</th>
                <td valign="top">
                    <input type="text" class="text" size="30" name="address" value="{$user.address}" class="inputtext"/>
                </td>
            </tr>
            <tr>
                <th valign="top" class="ucp_field">Website</th>
                <td valign="top">
                    <input type="text" class="text" size="30" name="website" value="{$user.website}" class="inputtext"/>
                </td>
            </tr>
            <tr>
                <th valign="top" class="ucp_field">Ngày sinh</th>
                <td valign="top">
                    <input type="text" class="text" size="30" name="birth_day" id="birth_day" {if $user.birth_day != '0000-00-00'} value="{$user.birth_day}" {/if}class="inputtext" onfocus="$(this).blur();"/>
                </td>
            </tr>
            <tr>
                <th valign="top" class="ucp_field">Giới tính</th>
                <td valign="top">
                    <label style="padding-right: 30px;">
                        <input type="radio" value="1" name="gender" id="gender" {if ($user.gender == 1)} checked='checked' {/if}> Nam</label>
                    <label><input type="radio" value="0" name="gender" id="gender"  {if ($user.gender == 0)} checked='checked' {/if}> Nữ</label>
                </td>
            </tr>
            <tr>
                <th valign="top" class="ucp_field">Yahoo ID</th>
                <td valign="top">
                    <input type="text" class="text" size="30" name="yahoo_id" value="{$user.yahoo_id}" class="inputtext"/>
                </td>
            </tr>
            <tr>
                <th valign="top" class="ucp_field">Skype</th>
                <td valign="top">
                    <input type="text" class="text" size="30" name="skype_id" value="{$user.skype_id}" class="inputtext"/>
                </td>
            </tr>
            <tr>
                <td valign="top"></td>
                <td valign="top">
                    <input type="checkbox" name="email_subcribe" id="email_subcribe" value="1" {if $user.email_subcribe} checked="checked" {/if} />
                    <label for="email_subcribe" style="cursor:pointer">Nhận các bản tin qua E-mail</label>
                </td>
            </tr>
            <tr>
                <td></td>
                <td><input type="submit" value="Lưu lại" class="button" id="update_info" style="width:80px"/></td>
            </tr>
        </table>
    {$end_form}
    </div>
</div>



{literal}
<script type="text/javascript">
jQuery().ready(function () {
    jQuery().ajaxComplete(function (r, s) {
        jQuery("#loading-layer").fadeOut("slow");
    });
});
{/literal}

{literal}
var tooltipObj = new DHTMLgoodies_formTooltip();
tooltipObj.setTooltipPosition('right');
tooltipObj.setPageBgColor('#EEEEEE');
tooltipObj.setTooltipCornerSize(10);
tooltipObj.initFormFieldTooltip();
</script>
{/literal}